.MonitorA01 {
	width: 100%;
	height: 100%;
	padding: 8px 8px 56px 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

	& > .Video {
		width: calc(100% / 3 - 16px);
		height: calc(50% - 16px);
		margin: 5px;
		background: #333333;
		position: relative;
		z-index: 1;

		& > .Title {
			position: absolute;
			right: 0;
			top: 16px;
			font-size: 2vw;
			color: white;
			font-family: PingFang SC;
			z-index: 1;
			padding: 0 16px;
			text-shadow: 1px 1px 2px #262626, -1px -1px 2px #262626;
			pointer-events: none;
		}

		& > .Options,
		& > .Options::after {
			position: absolute;
			z-index: 1;
			right: 6px;
			bottom: 30px;
			padding: 8px 16px;
			font-size: 18px;
			background: linear-gradient(45deg, transparent 5%, #ff013c 5%);
			border: 0;
			color: #fff;
			letter-spacing: 3px;
			line-height: 1;
			box-shadow: 6px 0px 0px #00e6f6;
			outline: transparent;
			cursor: pointer;
		}

		& > .Options::after {
			--slice-0: inset(50% 50% 50% 50%);
			--slice-1: inset(80% -6px 0 0);
			--slice-2: inset(50% -6px 30% 0);
			--slice-3: inset(10% -6px 85% 0);
			--slice-4: inset(40% -6px 43% 0);
			--slice-5: inset(80% -6px 5% 0);
			content: "HOVER ME";
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: linear-gradient(
				45deg,
				transparent 3%,
				#00e6f6 3%,
				#00e6f6 5%,
				#ff013c 5%
			);
			text-shadow: -3px -3px 0px #f8f005, 3px 3px 0px #00e6f6;
			clip-path: var(--slice-0);
		}

		& > .Options:hover::after {
			animation: 1s glitch;
			animation-timing-function: steps(2, end);
		}

		@keyframes glitch {
			0% {
				clip-path: var(--slice-1);
				transform: translate(-20px, -10px);
			}

			10% {
				clip-path: var(--slice-3);
				transform: translate(10px, 10px);
			}

			20% {
				clip-path: var(--slice-1);
				transform: translate(-10px, 10px);
			}

			30% {
				clip-path: var(--slice-3);
				transform: translate(0px, 5px);
			}

			40% {
				clip-path: var(--slice-2);
				transform: translate(-5px, 0px);
			}

			50% {
				clip-path: var(--slice-3);
				transform: translate(5px, 0px);
			}

			60% {
				clip-path: var(--slice-4);
				transform: translate(5px, 10px);
			}

			70% {
				clip-path: var(--slice-2);
				transform: translate(-10px, 10px);
			}

			80% {
				clip-path: var(--slice-5);
				transform: translate(20px, -10px);
			}

			90% {
				clip-path: var(--slice-1);
				transform: translate(-10px, 0px);
			}

			100% {
				clip-path: var(--slice-1);
				transform: translate(0);
			}
		}
	}

	& > .Pagination {
		width: 100%;
		padding-top: 8px;
	}
}
